<template>
  <base-layout title="公交旅游">
    <div class="tours_con1">
      <h3 class="title">旅游线路推荐</h3>

      <div class="content-five content-five1">
        <ul class="contentbox-five">
          <tour-item v-for="item in list"
                     :id="item.id"
                     :title="item.subject"
                     :img-url="item.photoUrl | articlePhotoUrl"/>
        </ul>
      </div>
      <div class="cb"></div>
    </div>
  </base-layout>
</template>
<script>
  import BaseLayout from "@/components/BaseLayout";
  import TourItem from "@/views/tour/components/TourItem";

  export default {
    name: 'Tour',
    components: {
      TourItem,
      BaseLayout
    },
    data() {
      return {
        list: []
      }
    },
    async created() {
      this.list = await this.$api.tour.findTourList();
    }
  }
</script>